<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <form action="#" method="post" autocomplete="on">
        <label for="username">用户名:</label>
        <input type="username" id="username" placeholder="请在此输入用户名" name="username" required><br>

        <label for="password">密码:</label>
        <input type="password" id="password" placeholder="请输入密码" name="password" required><br>

        <label for="email">邮箱</label>
        <input type="email" id="email"  placeholder="请输入邮箱" name="eamil"><br>

        <label for="phone">手机</label>
        <input type="tel" id="phone" placeholder="请输入手机号" name="phone"><br>
        <hr/>

        <label for="gender">性别:</label>
        <input type="radio" id="gender" name="gender" value="men">男
        <input type="radio" name="gender" value="women">女
        <input type="radio" name="gender" value="other">其他<br>

        <label for="hobby">爱好</label>
        <input type="checkbox" id="hobby" name="hobby" value="music" checked>音乐
        <input type="checkbox"  name="hobby" value="game" checked>游戏<br>

        <label for="birthday">生日</label>
        <input type="date" id="birthday" name="birthday"><br>
        <hr/>

        所在城市:
        <select name="city">
            <option>---请选择城市---</option>
            <optgroup label="直辖市">
                <option value="北京">北京</option>
                <option value="上海">上海</option>
            </optgroup>
            <optgroup label="省会">
                <option value="合肥" selected>合肥</option>
                <option value="南京">南京</option>
                <option value="福州">福州</option>
                <option value="杭州">杭州</option>
                <option value="武汉">武汉</option>
            </optgroup>
        </select><br>
        <hr/>

        <label for="qianming">个性签名:</label>
        <textarea id="qianming" name="qianmingh" placeholder="请填写您的个性签名" rows="5" cols="20"></textarea><br>
        <hr/>

        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>
</body>
</html>